<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>来捡钱</title>
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="bookmark" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>

    <!--导航-->
    <div class="top">
        <div class="w_1100 clear">
            <div class="logo fl">
                <img src="images/logo.png"/>
                <a href="#">
                    <p>来捡钱</p>
                    <p>jq.yuanmakj.com</p>
                </a>
            </div>
            <div class="nav fr">
                <ul>
                    <li class="active link_1">
                        <a href="javascript:void(0);" data-link = "1">首页</a>
                    </li>
                    <li class="link_2">
                        <a href="javascript:void(0);" data-link = "2">APP介绍</a>
                    </li>
                    <li class="link_3">
                        <a href="javascript:void(0);" data-link = "3">下载APP</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--END 导航-->

    <!--banner-->
    <div class="banner" id="banner">
        <div class="banner_top wow fadeInLeft" data-wow-delay="0s">
            来捡钱
            <span>APP</span>
        </div>
        <div class="banner_bottom wow fadeInLeft" data-wow-delay="0.5s">
            随时随地
            <span></span>
            一键抢红包
        </div>
        <div class="redpack">
            <i class="icon1 wow bounceInDown" data-wow-delay="0s"></i>
            <i class="icon2 wow bounceInDown" data-wow-delay="0.2s"></i>
            <i class="icon3 wow bounceInDown" data-wow-delay="0.4s"></i>
            <i class="icon4 wow bounceInDown" data-wow-delay="0.6s"></i>
            <i class="icon5 wow bounceInDown" data-wow-delay="0.8s"></i>
            <i class="icon6 wow bounceInDown" data-wow-delay="0.4s"></i>
            <i class="icon7 wow bounceInDown" data-wow-delay="0.2s"></i>
            <i class="icon8 wow bounceInDown" data-wow-delay="0s"></i>
        </div>
    </div>
    <!--END banner-->

    <!--来捡钱APP-->
    <div class="intro" id="intro">
        <div class="w_400">
            <div class="intro_title">
                <span class="first"></span>
                <b>来捡钱APP</b>
                <span class="second"></span>
                <i></i>
            </div>
            <div class="intro_detail">
                <p class="wow fadeInLeft" data-wow-delay="0s">每天随手一点,红包抢到手软</p>
                <p class="wow fadeInRight" data-wow-delay="0.5s">懒人必备的抢红包神器,最勤奋的红包搬运工</p>
            </div>
        </div>
        <div class="phone">
            <span class="span1 wow fadeInUp" data-wow-delay="0s"></span>
            <span class="span2 wow fadeInUp" data-wow-delay="0.2s"></span>
            <span class="span3 wow fadeInUp" data-wow-delay="0.4s"></span>
            <span class="span4 wow fadeInUp" data-wow-delay="0.6s"></span>
            <span class="span5 wow fadeInUp" data-wow-delay="0.8s"></span>
        </div>
    </div>
    <!--END 来捡钱APP-->

    <!--下载APP-->
    <div class="download" id="download">
        <div class="w_400">
            <div class="download_title">
                <span class="first"></span>
                <b>下载APP</b>
                <span class="second"></span>
                <i></i>
            </div>
            <div class="download_detail">
                <p class="wow fadeInLeft" data-wow-delay="0s">春风十里,不如红包送你</p>
                <p class="wow fadeInRight" data-wow-delay="0.5s">红包尽在这里</p>
            </div>
            <div class="download_code">
                <div class="img wow fadeInDown" data-wow-delay="0.3s"><img src="images/ewm.png"/></div>
                <div class="down wow flipInX" data-wow-delay="0.6s" data-wow-duration=".8s">
                    <a href="#" style="display: block;">APP下载</a>
                </div>
            </div>
        </div>
    </div>
    <!--END 下载APP-->

    <!--底部-->
    <div class="footer">
        <p>北京猿马网络技术有限公司</p>
        <p>官网备案号：京ICP备18001397号-2</p>
    </div>
    <!--END 底部-->

    <!--回顶部-->
    <div class="go_top wow swing" id="btn">TOP</div>

    <script src="js/index.js"></script>
    <script src="js/wow.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        if(!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            live: true,
            mobile: false
        });
        wow.init();
    </script>
    <script type="text/javascript">
        window.onload = function(){
            var obtn = document.getElementById('btn');
            var clientHeight = document.documentElement.clientHeight;
            var timer = null;
            var isTop = true;
            window.onscroll = function(){
                var osTop = document.documentElement.scrollTop || document.body.scrollTop;

                if(osTop >= clientHeight){
                    obtn.style.display = 'block';
                }else{
                    obtn.style.display = 'none';
                }
                if(!isTop){
                    clearInterval(timer);
                }
                isTop = false;
            }
            obtn.onclick = function(){
                timer = setInterval(function(){
                    var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                    var speed = Math.floor(-osTop / 6);
                    document.documentElement.scrollTop = document.body.scrollTop = osTop + speed;
                    isTop =true;
                    if(osTop == 0){
                        clearInterval(timer);
                    }
                },30);
            }
        }

    </script>
</body>
</html>